<template>
    <div>我是about的内容</div>
</template>

<script>
export default {
    name: "About",
    // 组件内路由守卫---通过路由方式进入前的回调
    beforeRouteEnter(to, from, next) {
        if (to.meta.needAuth) {
            if (localStorage.account == "root") {
                document.title = to.name;
                console.log("鉴权成功");
                next();
            } else {
                alert("无查看权限");
            }
        } else {
            console.log("不需要鉴权");
            next();
        }
    },
    // 组件内路由守卫---通过路由方式离开前的回调
    beforeRouteLeave(to, from, next) {
        // 比如不让进入其他的路由
        if (to.name == "home") {
            return;
        } else {
            next();
        }
    },
};
</script>

<style></style>
